﻿@{
    ViewBag.Title = "Up";
}

<h1>uploadify 3.2 文件上传的基本实现</h1>
<p>
    使用了 12 个参数
    <ul>
        <li>uploader: 服务器端接收上传文件的地址</li>
        <li>swf：用来实现客户端支持的 Flash</li>

        <li>width：按钮的宽度</li>
        <li>height：按钮的高度</li>
        <li>buttonText: 上传按钮的文字</li>
        <li>buttonCursor：按钮的鼠标图标</li>

        <li>fileObjName：上传文件的请求参数名称</li>

        <li>fileTypeExts：上传文件过滤使用的扩展名</li>
        <li>fileTypeDesc：上传文件的类型描述</li>

        <li>auto：选择之后，是否自动开始上传</li>
        <li>multi：是否允许上传多个文件</li>
        <li>queueSizeLimit：同时选择多个文件的限额</li>
    </ul>
</p>
<div id="uploadify" ></div>
<div id="fileQueue"></div>
@section scripts{
    <script src="/Resource/uploadify/jquery.uploadify-3.1.min.js"></script>
    <link href="/Resource/uploadify/uploadify.css" rel="stylesheet" />
    <script>

        $("#uploadify").uploadify({

            height: 30,
            swf: '/Resource/uploadify/uploadify.swf',
            uploader: '@(Url.Action("Upload","Host"))',
            width: 120,
            cancelImage: '/Resource/uploadify/uploadify-cancel.png',
            buttonText: '选择项目文件',
            auto: true,//自动上传
            fileTypeExts: '*.xls;*.zip;*.vbs;*.jpg;',
            queueID: 'fileQueue',//上传列表ID
            //  formData: { 'uid': " " },
            fileObjName: 'hb',//传输字段名
            removeCompleted: true,//上传后删除列表
            method: "post",
            queueSizeLimit: '30',
            multi: true,//是否多个上传

            onUploadSuccess: function (file, data, response) { //上传完成时触发（每个文件触发一次）
                if (data.length > 1) {
                  
                } else {
                    alert("上传失败");
                    //$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
                }
            },
             
            'onUploadError': function (file, errorCode, errorMsg, errorString) {//当单个文件上传出错时触发
                alert('文件：' + file.name + ' 上传失败: ' + errorString);
            },

            // 所有文件上传完时
            onQueueComplete: function (stats) {

             
            }

        });

        //提交
        //开始上传图片
        //$('#uploadify').uploadify('upload', "*");

    </script>}